<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>完成工单</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/form.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/editStyle.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.picker.min.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.reset.css" />
    <link rel="stylesheet" type="text/css" href="css/gridcommlist.css" />
    <link rel="stylesheet" type="text/css" href="css/renwugongdancomplete.css" />
    <style>
        .top-tips {
            padding: 10px 16px 0px 16px;
            color: #999;
            font-size: 0.7rem;
        }
        .headtips {
            padding: 8px 10px;
            background: #f5f5f5;
            color: #999;
            font-size: 12px;
            border-radius: 4px;
            width: 100%;
        }
        .new-label-tag{
            border:solid 1px #999;
            border-radius: 4px;
            padding: 2px 15px;
        }
        .new-label-tag-active{
            border-color: #289FFF;
            color: #289FFF;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div v-if="form.Type==1" class="top-tips"><label>说明：工单暂定后，时效状态将会锁定。重新流转后，将重新开始进行时效判断。</label></div>
        <div v-if="form.Type!=3" class="aui-content boxarea mainbox">
            <div class="box_title">
                <div v-if="form.Type==1" class="box_title_left fl" style="display: inline-flex;">工单暂停说明<img class="col-star aui-margin-t-0" src="../image/redstar.png"></div>
                <div v-if="form.Type==2" class="box_title_left fl">工单流转说明</div>
                <div class="cl"></div>
            </div>
            <div class="box_msg">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-input">
                        <textarea :placeholder="placeholder" style="height: 6rem;" v-model="form.content"></textarea>
                    </div>
                </div>
            </div>
        </div>
        <div v-if="form.Type==1" class="aui-margin-15" v-on:click="onSelectStop()"><input  type="checkbox" v-on:click="onSelectStop()" v-model="form.IsStopSend"/><span class="aui-margin-l-5" style="vertical-align: text-bottom;">到时间提醒我</span></div>
        <div v-if="form.IsStopSend&&(form.Type==1||form.Type==3)" class="boxarea mainbox">
            <div  class="box_msg">
                <div class="aui_formitem border-bottomLine aui-padded-b-10" style="width: 100%;padding: 0;">
                    <div class="aui_formtitle" style="min-width: 5.2rem;">到期时间提醒<img class="col-star" src="../image/redstar.png"></div>
                    <div class="aui_formcontent" style="text-align: right;line-height: 30px;">
                        <span class="choose " id="choosedatetime" data-options='{"type":"datetime"}' v-bind:class="{'textColorPlaceholder':form.StopSendTime==''}">{{form.StopSendTime==''?'请选择':form.StopSendTime}}</span>
                    </div>
                </div>
                <div class="aui-list-item-inner aui-margin-t-15">
                    <div class="aui-list-item-title"><span>快捷时间</span></div>
                </div>
                <div class="aui-list-item-inner aui-margin-t-0">
                    <div class="headtips aui-margin-b-10">每次点击将增加对应的延期时长。</div>
                </div>
                <div class="aui-list-item-inner aui-margin-t-10">
                    <label v-for="item in timelist" v-on:click="onChooseDelayTime(item)" class="new-label-tag aui-margin-r-10"  v-bind:class="{'new-label-tag-active':item.ID==timeModel.ID}">+{{item.time}}天</label>
                </div>
            </div>
        </div>
        <div class="cl"></div>
        <div class="bottom">
            <div class="aui_bottombtn" v-on:click="do_save()">保存</div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-actionsheet.js"></script>
<script type="text/javascript" src="../script/mui/mui.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.picker.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.poppicker.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/vue.js"></script>
<script type="text/javascript " src="../script/moment/moment.js"></script>
<script type="text/javascript" src="js/renwugongdanstartup.js"></script>

</html>